<a-drawer
        :title="title"
        :width="720"
        :visible="visible"
        :body-style="{ paddingBottom: '80px' }"
        @close="hideManageOperate">

   <a-form>

        <a-form-item label="用户名">
            <a-input v-model="SetManageRequest.username"
                     @input="usernameInput"
                     maxLength="16"
                     placeholder="请输入用户名"/>
        </a-form-item>

       <a-form-item label="账户密码">
           <a-input v-model="SetManageRequest.password"
                    maxLength="16"
                    placeholder="请输入账户密码"/>
       </a-form-item>

       <a-form-item label="分配权限组">
           <a-select
                   mode="multiple"
                   show-search
                   v-model="SetManageRequest.role_group"
                   placeholder="分配权限组"
                   style="width: 200px">
               <a-select-option v-for="item in RoleSelect"
                                :value="item.id">
                   @{{ item.title }}
               </a-select-option>
           </a-select>
       </a-form-item>

       <a-form-item label="姓名">
           <a-input v-model="SetManageRequest.name"
                    maxLength="16"
                    placeholder="请输入用户姓名"/>
       </a-form-item>

       <a-form-item label="用户邮箱">
           <a-input v-model="SetManageRequest.email"
                    maxLength="255"
                    placeholder="请输入用户邮箱"/>
       </a-form-item>

    </a-form >

    <div :style="{
          position: 'absolute',
          right: 0,
          bottom: 0,
          width: '100%',
          borderTop: '1px solid #e9e9e9',
          padding: '10px 16px',
          background: '#fff',
          textAlign: 'right',
          zIndex: 1,
        }">
        <a-button :style="{ marginRight: '8px' }" @click="hideManageOperate">
            取消
        </a-button>
        <a-button type="primary" @click="ManageConfirm">
            提交
        </a-button>
    </div>
</a-drawer>
